.wallet{
  padding:0 30px;
  &-nav{
    min-height: 145px;
    background: url(#{$domainImageUrl}+'order-top-bg.jpg') top center no-repeat;
    background-size: cover;
    &-title{
      font-size:36px;
      color:var(--white);
    }
  }
  &-box{
    position: relative;
    margin-top:100px;
    background: var(--white);
    border-radius:18px;
    box-sizing: border-box;
    padding: 20px;
    &-imgbox{
      position: absolute;
      top: -100px;
      left: 50%;
      transform: translate(-50%,0%);
      width: 286px;
      height: 286px;
    }
    &-img{
      width: 286px;
      height: 286px;
    }
    &-text{
      font-size:24px;
      color:#BBBBBB;
      &-line{
        position: absolute;
        right:20px;
        top:35px;
        line-height: 10px;
      }
    }
    &-left{
      position: absolute;
      left:20px;
      top:20px;
    }
    &-right{
      position: absolute;
      right:150px;
      top:20px;
      line-height: 10px;
    }
    &-bottom{
      margin-top:250px;
      text-align: center;
    }
    &-credit{
      font-size: 54px;
      margin-top:25px;
    }
    &-list{
      margin-top:51px;
      font-size:29px;
    }
    &-btn{
      margin-top:50px;
    }
  }
  &-tip{
    margin-top:20px;
  }
}
